<extend name='Public:layout' />
<block name='main-content'>	
<div class="daohang">
	<ul>
		<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
		<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">用户添加<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
		<!-- <li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">奖金管理<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
		<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">产品管理<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li> -->
	</ul>
</div>
<div class="admin-biaogelist">
	<div class="listbiaoti am-cf">
		<ul class="am-icon-user on"> 用户添加</ul>
		<dl class="am-icon-home" style="float: right;"> 当前位置： 首页 > <a href="#">用户添加</a></dl>
	</div>
	<div class="fbneirong">
		<form class="am-form" action="__ACTION__" method="post" enctype="multipart/form-data">
			<div class="am-form-group am-cf">
			  <div class="zuo">用户名：</div>
			  <div class="you">
			    <input type="text" class="am-input-sm" id="doc" name="username" placeholder="" style="width:300px;"><span></span>
			  </div>
			</div>
			<div class="am-form-group am-cf">
			  <div class="zuo">昵称：</div>
			  <div class="you">
			    <input type="text" class="am-input-sm" name="nickname" id="doc" placeholder="" style="width:300px;"><span></span>
			  </div>
			</div>
			<div class="am-form-group am-cf">
			  <div class="zuo">密码：</div>
			  <div class="you">
			    <input type="password" class="am-input-sm" name="password" id="doc" placeholder="" style="width:300px;"><span></span>
			  </div>
			</div>
			<div class="am-form-group am-cf">
			  <div class="zuo">确认密码：</div>
			  	<div class="you">
			  		<input type="password" name=repassword class="am-input-sm" id="doc-ipt-pwd-1" placeholder="" style="width:300px;"><span></span>
			  	</div>
			</div>

			<div class="am-form-group am-cf">
			  <div class="zuo">邮箱：</div>
				  <div class="you">
				  	<input type="email" name="email" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="" style="width:300px;"><span></span>
				  </div>
			</div>

			<div class="am-form-group am-cf">
			  <div class="zuo">手机号：</div>
			  <div class="you">
			    <input type="text" class="am-input-sm" id="doc-ipt-pwd-1" name="phone" placeholder="" style="width:300px;"><span></span>
			  </div>
			</div>

			<div class="am-form-group am-cf">
			  <div class="zuo">用户头像：</div>
			  <div class="you">
			  	<div style="width:150px;height:150px;border:1px;"> <img src="__PUBLIC__/Upload/test.jpg" width="150" height="150"></div>
			    <input type="file" class="am-input-sm" id="doc-ipt-pwd-1"  name="profile" placeholder=""><p class="am-form-help">请选择要上传的头像...格式为jpg/png/bmp/jpeg</p>

			  </div>
			</div>


			<div class="am-form-group am-cf">
				<div class="zuo">权限：</div>
				<div class="you" style="margin-top: 5px;">
					<select style="width:300px;" class="am-input-sm" name="auth">
						<option value="2">普通用户</option>
						<option value="1">管理员</option>
						<!-- <option>3333</option> -->
					</select>
				</div>
			</div>
			<div class="am-form-group am-cf">
			  <div class="you" style="margin-left: 11%;">
			      <input type="submit" class="am-btn am-btn-success am-radius" name="sub" value="添加">&nbsp; &nbsp; <input type="reset" class="am-btn am-btn-secondary am-radius" value="重置">

			  </div>
			</div>
		</form>
	</div>
</div>
<script>
  // 声明检测变量
   // var CUSER = false;//检测用户名
   // var CPASS = false;//检测密码
   // var CREPASS = false;//检测确认密码
   // var CPHONE  = false;//检测手机号
   // var CEMEi = false;
 //绑定获取焦点事件
 	// $('input[name=username]').focus(function(){
		// 	//修改input元素的边框
		// 	$(this).removeClass().addClass('active');
		// 	//修改该元素之后的span标签的文本以及颜色
		// 	$(this).next().html('请输入8~20位的字母数字下划线').removeClass().addClass('span-active');
		// });

	//丧失焦点事件
		// $('input[name=username]').blur(function(){
		// 	//获取用户的输入值
		// 	var v = $(this).val();
		// 	//检测用户输入值
		// 	// 声明正则
		// 	var reg = /^[a-zA-Z0-9_-]{4,16}$/;
		// 	var res = reg.test(v);
		// 	if(!res) {
		// 		//错误提醒
		// 		$(this).removeClass().addClass('error');
		// 		$(this).next().html('格式错误').removeClass().addClass('span-error');
		// 		CUSER = false;
		// 	}
			// }else{
			// 	//检测用户名是否已经存在
			// 	var input =  $(this);
			// 	$.ajax({
			// 		url:"{:U('Verification')}",
			// 		type: 'post',
			// 		data: {username: v},
			// 		async: false,
			// 		dataType: 'json',
			// 		success: function(data){
			// 			if(data.data == '0') {
			// 				//用户名已经存在
			// 				//错误提醒
			// 				input.removeClass().addClass('error');
			// 				input.next().html('用户名已经存在').removeClass().addClass('span-error');
			// 				CUSER = false;
			// 			}else{
			// 				input.removeClass();
			// 				input.next().html('√').removeClass().addClass('span-success');
			// 				CUSER = true;
			// 			}
			// 		}

			// 	});
			// }
		});

	//密码
	// 	$('input[name=password]').focus(function(){
	// 		//修改input元素的边框
	// 		$(this).removeClass().addClass('active');
	// 		//修改该元素之后的span标签的文本以及颜色
	// 		$(this).next().html('请输入8~20位非空白字符').removeClass().addClass('span-active');
	// 	});

	// 	$('input[name=password]').blur(function(){
	// 		//获取元素的值
	// 		var v = $(this).val();
	// 		//声明正则
	// 		var reg = /^\S{8,20}$/;
	// 		//检测
	// 		var res = reg.test(v);
	// 		if(!res) {
	// 			error($(this), '密码格式不正确');
	// 			CPASS = false;
	// 		}else{
	// 			success($(this));
	// 			CPASS = true;
	// 		}

	// 	});

	// //确认密码
	// 	$('input[name=repassword]').focus(function(){
	// 		remind($(this), '再次输入密码');
	// 	}).blur(function(){
	// 		//获取输入的值
	// 		var v = $(this).val();
	// 		//检测
	// 		if(v != $('input[name=password]').val()) {
	// 			error($(this),'两次密码不一致');
	// 			CREPASS = false;
	// 		}else{
	// 			success($(this));
	// 			CREPASS = true;
	// 		}
	// 	});

	// //手机号
	// 	$('input[name=phone]').focus(function(){
	// 		remind($(this), '请输入您的手机号');
	// 	}).blur(function(){
	// 		//获取输入的值
	// 		var v = $(this).val();
	// 		//声明正则
	// 		var reg = /^1\d{10}$/;
	// 		//检测
	// 		var res = reg.test(v);
	// 		//判断
	// 		if(!res) {
	// 			error($(this), '手机号格式不正确');
	// 			CPHONE = false;
	// 		}else{
	// 			success($(this));
	// 			CPHONE = true;
	// 		}
	// 	});
		// //邮箱
		// $('input[name=email]').focus(function(){
		// 	remind($(this), '请输入您的邮箱');
		// }).blur(function(){
		// 	//获取输入的值
		// 	var v = $(this).val();
		// 	//声明正则
		// 	var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		// 	//检测
		// 	var res = reg.test(v);
		// 	//判断
		// 	if(!res) {
		// 		error($(this), '邮箱号格式不正确');
		// 		CPHONE = false;
		// 	}else{
		// 		success($(this));
		// 		CPHONE = true;
		// 	}
		// });
		
// 

		// function remind(input, content) {
		// 	//修改input元素的边框
		// 	input.removeClass().addClass('active');
		// 	//修改该元素之后的span标签的文本以及颜色
		// 	input.next().html(content).removeClass().addClass('span-active');
		// }

		// function error(input, content) {
		// 	input.removeClass().addClass('error');
		// 	input.next().html(content).removeClass().addClass('span-error');
		// }

		// function success(input) {
		// 	input.removeClass();
		// 	input.next().html('√').removeClass().addClass('span-success');
		// }

	//表单的提交事件
		// $('form').submit(function(){
		// 	//触发元素的丧失焦点事件
		// 	$('input').trigger('blur');

		// 	console.log(CUSER);
		// 	//判断
		// 	if(CUSER && CPASS && CREPASS && CPHONE && CEMEil && CNK) {
		// 		return true;
		// 	}

		// 	return false;
		// });
</script>

</block>